<html>
	<head>
		<title>Regetor</title>
		
		<script type="text/javascript">
			var $id = function(id)
			{
				return document.getElementById(id);
			};
			var $class = function(c, i)
			{
				i = i || 0;
				return document.getElementsByClassName(c)[i];
			};
			var $query = function(q, i)
			{
			    i = i || 0;
			}
		</script>
		<script type="text/javascript" src="script.js"></script>
	</head>
	
	<body>
		<h1>Regetor</h1>
		
		<table border=1 cellspacing=0>
		    <tr>
                <th></th>
                <th>Pattern</th>
                <th>Replace</th>
		    </tr>
            <tr>
                <td><input type="checkbox" /></td>
                <td><input type="text" class="pattern" /></td>
                <td><input type="text" class="replace" /></td>
            </tr>
            <tr>
                <td><input type="checkbox" /></td>
                <td><input type="text" class="pattern" /></td>
                <td><input type="text" class="replace" /></td>
            </tr>
            <tr>
                <td><input type="checkbox" /></td>
                <td><input type="text" class="pattern" /></td>
                <td><input type="text" class="replace" /></td>
            </tr>
            <tr>
                <td><input type="checkbox" /></td>
                <td><input type="text" class="pattern" /></td>
                <td><input type="text" class="replace" /></td>
            </tr>
            <tr>
                <td><input type="checkbox" /></td>
                <td><input type="text" class="pattern" /></td>
                <td><input type="text" class="replace" /></td>
            </tr>
		</table>
		
		<h2>Target</h2>
		<textarea id="target" cols=64 rows=16></textarea>
		<br />
		<input id="submit" type="button" value="submit">
		<hr />
		
        <h2>Result</h2>
        <textarea id="result" cols=64 rows=16 readonly="readonly"></textarea>
        
        <h2>Result</h2>
        <div id="rep-result" style="border:solid 1px #000"></div>
		
	</body>
	
</html>
